$(function () {
    // console.log(111);

    var form = layui.form

    // 初始化富文本编辑器
    initEditor()

    // 渲染分类列表
    function cateList() {
        $.ajax({
            method: 'GET',
            url: '/ydd_cate/all',
            success: function (res) {
                if (res.errno !== 0) return console.log('获取分类失败!');
                // console.log(res.data);

                var htmlStr = template('tpl_cate', res)
                $('[name=cateid]').html(htmlStr)
                // 重新渲染
                form.render()
            }
        })
    }
    cateList()

    // 渲染标签列表
    function tagsList() {
        $.ajax({
            method: 'GET',
            url: '/ydd_tag/all',
            success: function (res) {
                if (res.errno !== 0) return console.log('获取标签失败!');

                var htmlStr = template('tpl_tags', res)
                $('.tags').html(htmlStr)
                // console.log($('.tags'));
                // 重新渲染
                form.render()
            }
        })
    }
    tagsList()

    // 点击上传打开上传页面
    $('#file').click(function () {
        $('#coverFile').click()
    })
    // 点击返回文章列表
    $('#info').on('click', '.returnId', function () {
        location.href = '/article.html'
    })


    // 定义默认是否置顶,是否推荐,以及默认状态
    var ishot = 0
    var istop = 0
    var status = 2

    //判断istop是否选中
    form.on('switch(istop)', function (data) {
        console.log(data.elem.checked); //开关是否开启，true或者false
        if (data.elem.checked) {
            istop = 1
        }
    });

    //判断ishot是否选中
    form.on('switch(ishot)', function (data) {
        // console.log(data.elem.checked); //开关是否开启，true或者false
        if (data.elem.checked) {
            ishot = 1
        }
    });

    // 定义一个文件对象用来接收你所选择的文件
    var file = null
    // 获取文件在服务器的地址
    var savePath = null
    $('#coverFile').change(function (e) {
        var fileList = e.target.files
        console.log(fileList);

        if (fileList.length === 0) {
            return file = null
        }
        // 根据文件，创建对应的 URL 地址
        var newImgURL = URL.createObjectURL(fileList[0])

        $('#image').attr('src', newImgURL)
        file = fileList[0]

        var fd = new FormData()
        fd.append('file', file)
        // 发送请求将图片上传到服务器
        $.ajax({
            method: 'POST',
            url: '/common/upload?type=images',
            data: fd,
            contentType: false,
            processData: false,
            success: function (res) {
                if (res.errno !== 0) return layui.layer.msg('上传图片失败!');
                setTimeout(function () {
                    layui.layer.msg('图片上传成功!');
                    savePath = res.data.savePath
                }, 3000)
            }
        })
        console.log(fd);
    })

    // form表单提交
    function submitForm() {
        $('#info').on('submit', function (e) {
            e.preventDefault()
            console.log(111);
            // 选出已选中的选择框
            var obj = $('.tags [type=checkbox]:checked')
            var arr = []

            $.each(obj, (i, ele) => {
                arr.push($(ele).attr('title'));
            })
            console.log(istop, ishot);

            var fd = new FormData($(this)[0])

            fd.append('istop', istop)
            fd.append('ishot', ishot)
            fd.append('status', status)
            fd.append('pic', savePath)

            for (var key of fd.keys()) {

                if (key == 'create_date') {
                    fd.set(key, +new Date(fd.get(key)))
                }
                if (key == 'istop') {
                    fd.set(key, istop)
                }
                if (key == 'ishot') {
                    fd.set(key, ishot)
                }
                if (key == 'tags') {
                    fd.set(key, arr.join())
                }
                console.log(key, fd.get(key));
            }
            console.dir(fd)
            $.ajax({
                method: 'POST',
                url: '/ydd_article/add',
                data: fd,
                contentType: false,
                processData: false,
                success: function (res) {
                    if (res.errno !== 0) return layui.layer.msg('发布失败!');
                    layui.layer.msg('发布成功')
                    console.log(res.data);
                    location.href = '/article.html'
                }
            })
        })
    }
    submitForm()


    // 
    $('#download').click(function (e) {
        e.preventDefault()
        console.log(111);
    })
})